Skip to content

菜单

笔记

当前使用 React Router Api 版本 6.20.1;过低的版本可能被废弃

示范

jsx
import * as React from "react";
import * as ReactDOM from "react-dom/client";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import "./index.css";

const router = createBrowserRouter([
  {
    path: "/",
    element: <div>Hello world!</div>,
  },
]);

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>
);

路由模式

js
import { createBrowserRouter, createHashRouter } from "react-router-dom";

创建浏览器路由器 这是所有 React Router Web 项目的推荐路由器。它使用 DOM History API 来更新 URL 并管理历史堆栈。

无法配置 Web 服务器,使用 hash 可以解决页面访问空白问题。

参考链接

https://reactrouter.com/en/main